<m-api-data-table [dataSource]="data">
  <ng-container mDataTableColumn header="区域名称">
    <ng-template let-area_name="area_name">
      <td>{{ area_name }}</td>
    </ng-template>
  </ng-container>
  <ng-container mDataTableColumn header="终端别名">
    <ng-template let-name="name">
      <td>{{ name }}</td>
    </ng-template>
  </ng-container>
  <ng-container mDataTableColumn header="在线">
    <ng-template let-online="online">
      <td>
        <m-online-status-text [status]="online"></m-online-status-text>
      </td>
    </ng-template>
  </ng-container>
  <ng-container mDataTableColumn header="状态">
    <ng-template let-status="status">
      <td>
        <m-enable-status-text [status]="status"></m-enable-status-text>
      </td>
    </ng-template>
  </ng-container>
  <ng-container mDataTableColumn header="配置更新状态">
    <ng-template let-reply="reply">
      <td>{{ reply?.status | taskReplyStatus }}</td>
    </ng-template>
  </ng-container>
  <ng-container mDataTableColumn header="配置更新时间">
    <ng-template let-updated_at="updated_at">
      <td>{{ updated_at | date }}</td>
    </ng-template>
  </ng-container>
</m-api-data-table>
